import React from 'react'

import DemoOne from './DemoOne'
import Vote from './Vote'
// import DemoTwo from './DemoTwo';
import DemoThree from './DemoThree';
import DemoFour from './DemoFour';
import DemoFive from './DemoFive';
import DemoSix from './Demo6';
import DemoUseState from './Demo7'
// import DemoUseEffect from './Demo8'
import DemoUseEffect from './Demo9'
import DemoUseLayoutEffect from './Demo10'
import DemoUseRef from './Demo11'
import DemoUseMemo from './Demo12'
import DemoUseCallback from './Demo14'
import DemoUsePartial from './Demo15'
import DemoContext from './Demo16'

class Demo extends React.Component {
  render() {
    // console.dir(React)
    return <>
      {/* <DemoOne title='title 内容 ' x={10} data={[1, 2, 3]}>
          <span>子节点信息内容</span>
          <span slot='content2'>子节点信息内容2</span>
          <span slot='content1'>子节点信息内容1</span>
        </DemoOne>

        <DemoOne title='二次调用' /> */}

      {/* <Vote title='React 标题'></Vote> */}


      {/* <DemoThree></DemoThree> */}
      {/* <DemoFour></DemoFour> */}
      {/* <DemoFive></DemoFive> */}
      {/* <DemoSix></DemoSix> */}
      {/* <DemoUseState></DemoUseState> */}
      {/* <DemoUseEffect></DemoUseEffect> */}
      {/* <DemoUseLayoutEffect></DemoUseLayoutEffect> */}
      {/* <DemoUseRef></DemoUseRef> */}
      {/* <DemoUseMemo></DemoUseMemo> */}
      {/* <DemoUseCallback></DemoUseCallback> */}
      {/* <DemoUsePartial></DemoUsePartial> */}
      <DemoContext></DemoContext>

    </>
  }
}

export default Demo 